<template>
    <div>
        <ul class="nav">
            <li>
                <a href="#/goodlist">商品列表</a>
            
            </li>
            <li>
                <router-link to="/goodlist">商品列表</router-link>
            </li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
        </ul>
    </div>
</template>

<style scoped>
    .nav{
        width: 100%;
        height: 100px;
        background-color: green;
        list-style: none;
    }
    .nav li{
        width: 100px;
        margin: 2px ;
        float: left;
        text-align: center;
        line-height: 88px;
        background-color: yellowgreen;
    }
</style>